<template>
    <div class="bg-style">
        <i-pageBody class="add_color">
            <div slot="page-main">
                <div class="container">
                        <Description></Description>
                </div>
            </div>
        </i-pageBody>
    </div>
</template>

<script>
import Description from "./description";


export default {
    name: "coldHot",
    components: {
        Description
    },
    props: {},
    data() {
        return {};
    },
    computed: {},
    created() {
    },
    mounted() {
    },
    watch: {},
    methods: {
    }
};
</script>

<style scoped lang="scss">
    .bg-style {
        background-size: contain;
        width: 100%;
        height: 100%;
    }

    .container {
        padding: 15px;
        height: 100%;
        width: 100%;
        overflow: auto;
        position: relative;
    }



    .container-title {
        padding-left: 10px;
        font-size: 16px;
        color: #333;
        position: relative;
    }

    .container-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 4px;
        height: 16px;
        background-color: #0893fd;
        line-height: 16px;
    }

    .container-content {
        padding: 20px;
    }
</style>
